<!DOCTYPE html> 
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>add item</title> 
</head> 

<body> 

<div data-role="page" id="add-item">
	<!--
	<div data-role="header" data-position="fixed">
    	<a href="start.html" data-icon="home" data-role="button">back</a>
        <h1>start</h1>
        <div data-role="navbar" data-iconpos="top">
            <ul>
                <li><a href="add_item.html" data-icon="plus">add item</a></li>
                <li><a href="add_person.html" data-icon="plus">add person</a></li>
                <li><a href="start.html" data-icon="check">compute bill</a></li>
            </ul>
        </div>
        <a href="start.html" data-icon="plus" data-role="button">new bill</a>
    </div>-->
    
    <div data-role="header" data-position="fixed">
    	<a href="start.html" data-icon="arrow-l" data-role="button" data-rel="back">back</a>
    	<h1>add an item</h1>
	</div>
    <!-- /header -->
    
    <div data-role="content">   
    	<form id="form-add-item">
            <ul data-role="listview" data-inset="false">
            	<li data-role="fieldcontain">
	            	<label for="item-name">item name</label>
	            	<input type="text" id="item-name" name="item-name"/>
            	</li>
            	
	        	<li data-role="fieldcontain">
	                <label for="item-qty">qty</label>
	                <input type="number" name="item-qty" value="1" pattern="[1-9]" id="item-qty"/>
	            </li>
	            
	            <li data-role="fieldcontain">
	                <label for="item-price">price</label>
	                <input type="number" name="item-price" value="0.00" id="item-price"/>
	            </li>
	            
	            <li data-role="fieldcontain">
	            	<fieldset data-role="controlgroup" id="item-sharers">
	            	</fieldset>
	            </li>	   
	            
	            <li data-role="fieldcontain">
	            	<button type="submit" data-theme="b" name="submit" value="submit-value">add item</button>
                </li>            
            </ul>	
    	</form>
    </div><!-- /content -->
</div>
</body>
</html>